<!DOCTYPE html>
<html>
	<head>
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<meta charset="utf-8">
		<title>大佛节</title>
		<link rel="stylesheet" href="css/background.css">
		<link rel="stylesheet" href="css/fdmh.css">
		<link rel="stylesheet" href="css/explore.css">
		<script type="text/javascript" src="https://webapi.amap.com/maps?v=2.0&key=1839fb0d7eeece58ef5b1715dec4cd30">
		</script>

	</head>
	<body>
		<div class="top">
			<img class="calender_img" src="img/calender/calender_8.png">
			<span class="calender_date">农历四月八日</span>
		</div>
		<h3>活动内容：</h3>
		<div class="box">
			<h4>1、高山杜鹃赏花季活动</h4>
			<p>活动时间：5月19日上午8:00</p>
			<p>活动地点：康定情歌木格措景区</p>
			<h4>2、国际登山节</h4>
			<p>
				活动时间：5月19日上午10:00
			</p>
			<p>活动地点：情歌广场、跑马山景区</p>
			<h4>3、晒佛活动</h4>
			<p>
				活动时间：5月19日上午（上午10:30-12:00）
			</p>
			<p>活动地点：南无寺</p>
			<h4>4、大型文艺演出活动</h4>
			<p>
				活动时间：5月19日下午14:30
			</p>
			<p>活动地点：情歌广场</p>
			<h4>5、非遗民俗文化展演及歌舞快闪活动</h4>
			<p>活动地点：跑马山风景区</p>
		</div>

		<h3>活动地点</h3>
		<div id="container"></div>
	</body>

	<script type="text/javascript">
		window.onload = function() {
			var map = new AMap.Map('container', {
				zoom: 12, //级别
				center: [101.8758773803711, 30.167303335621295], //中心点坐标
				viewMode: '3D' //使用3D视图
			});

			//自定义定位图标
			var marker = new AMap.Marker({
				position: new AMap.LngLat(101.8758773803711,30.167303335621295),
				icon: 'img/location/location_1.png', // 添加 Icon 图标 URL
			});
			map.add(marker);

		}
	</script>


</html>
